<template>
	<view class="info-box">
		<u-navbar back-icon-name="arrow-left" title-size="36" back-text="" :back-icon-size="50" title-color="#010101" title="邀约详情">
		</u-navbar>
		
		
		
		<view class="info-center">
			<view class="flex mb30">
				<image src="../../static/img.jpg" class="w90 h90 r45 mr27" mode=""></image>
				<view class="">
					<view class="f30" style="font-weight: bold;color: #000000;">酱酱</view>
					<view class="mt24 f24" style="color:#666666;">04-06 14:25</view>
				</view>
			</view>

			<view class="flex">
				<image src="../../static/img.jpg" class="w160 h200 r10 mr22" mode="">
				</image>
				<view class="ww70">
					<view class="flex f24 justify-between ">
						<view class="pad-img">
							密室桌游
						</view>
						<view class="" style="color:#666666;">
							04-09 13:00
						</view>
					</view>
					<view class="mt22 f24 lh44" style="color: #666666;">
						大家一起组队玩剧本，密室，喝酒大家一起组队玩剧本，密室，喝酒大家一起组队玩剧本，密室喝酒大家一起组队玩剧本，密室，喝酒
					</view>
				</view>
			</view>
			<view class="h90 lh90 u-border-bottom f24">
				<i class="cuIcon-locationfill mr17"></i>
				科华北路48号
			</view>
			<view class="pt36 f26">
				已成功邀约 <text class="ml8 mr8 f30" style="font-weight: 600;">4</text> 人
			</view>


		<view class="flex justify-center" style="margin: 341rpx auto;">
			<button
				type="default"
				class="cu-btn w500 h80 r40"
				style="color: #FFFFFF; background-color: #000000;">
				申请报名
			</button>
		</view>

		</view>
		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		onShow() {},
		onLoad(e) {},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	.info-box {

		.info-center {
			padding: 30rpx;
		}

		.pad-img {
			padding: 15rpx 21rpx;
			border-radius: 6rpx;
			color: #333333;
			background-color: #F5F5F5;
		}
	}
</style>
